<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>友情链接</title>
  <link rel="stylesheet" type="text/css" href="../assets/lib/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="../assets/css/link.css">

</head>

<body>
  <div class="layui-card">
    <div class="layui-card-header">
      <span>友情链接</span>
      <button id="add-link" type="button" class="layui-btn layui-btn-normal">
        添加链接
      </button>
    </div>
    <div class="layui-card-body">
      <!-- 文章列表的表格 -->
      <table class="layui-table">
        <colgroup>
          <col width="5%">
          <col width="15%">
          <col width="20%">
          <col width="30%">
          <col width="10%">
          <col width="20%">
        </colgroup>
        <thead>
          <tr>
            <th>ID</th>
            <th>链接图标</th>
            <th>链接名称</th>
            <th>链接地址</th>
            <th>链接描述</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <!-- 示例数据 -->
          <tr>
            <td>1</td>
            <td>
              <div class="bg">
                <img src="../assets/images/1.jpg">
              </div>
            </td>
            <td>百度地图</td>
            <td>www.bdmap.com</td>
            <td>这是百度地图的友情链接</td>
            <td>
              <button type="button" class="layui-btn layui-btn-xs edit">
            编辑
          </button>
              <button type="button" class="layui-btn layui-btn-xs layui-btn-danger delete">
            删除
          </button>
            </td>
          </tr>


        </tbody>
      </table>
    </div>
  </div>
  <script type="text/javascript" src="../assets/lib/jquery.js"></script>
  <script type="text/javascript" src="../assets/js/common.js"></script>
  <script type="text/javascript" src="../assets/lib/layui/layui.all.js"></script>
  <script type="text/javascript" src="../assets/js/link/link.js"></script>
</body>

</html>